body{padding: 0;margin: 0px;background: #f6f6f6}
a{text-decoration: none;}
ul{list-style: none;display: inline;}
.clear{clear: both;}

.container{padding-left: 0px;padding-right: 0px;}

.header{height: 31px;background:#e3e4e5;border-bottom: solid 1px #ddd;font-size: 12px;}
.header .left{float: left;}
.header .right{float: right;}
.header span{margin: 0px 5px;color: #ccc}
.header div{line-height: 31px;}
.header div i{margin-right: 5px;}
.header div a{color: #999;}
.header div a:hover{color: red;}

.adv img{width: 100%;}
.adv .closes{position: absolute;right: 180px;color: #ff0000;top: 41px;padding: 5px;border: solid 1px #fff;border-radius: 50%;width: 22px;height: 22px;}
.adv .closes i{position: absolute;top: 3px;}

.search{text-align: center;}
.search input{width: 375px;height: 36px;border:solid 2px #027bd6;padding: 4px;}
.search button{height: 36px;background: #027bd6;border:solid 2px #027bd6;color: #ffffff;width: 80px;}
.search .quick{float: left;margin-left: 50px;}
.search .quick a{color: #999;margin-right: 10px;}
.search .quick a:hover{color: red;}

.quicklink{margin-top: 20px;}
.quicklink .cart{padding: 0px;}
.quicklink .cart i{margin:0px 2px;}
.quicklink .cart a{float: right;background: #F9F9F9;border: solid 1px #dfdfdf;margin-left: 10px;color: #222;}
.quicklink .cart .mycart{color: red;padding: 8px 13px;}
.quicklink .cart .qrcode i{padding: 2px;font-size: 32px;}

.cate-nav{margin-top: -30px;}
.cate-nav .cates{padding: 0px;}
.cate-nav .cates div{padding: 10px;}
.cate-nav .cates .cate-name{background: #027bd6;color: #ffffff;padding:5px 10px;}
.cate-nav .cates .cate-list p i{float: right;color: #d0d0d0;font-size: 20px;}
.cate-nav .cates .lists{list-style: none;display: inline;float: left;margin-left: -40px;margin-bottom: 3px;}
.cate-nav .cates .lists li{list-style: none;display: inline;float: left;width: 48px;height: 27px;line-height: 27px;overflow: hidden;}
.cate-nav .cates .lists li a{color: #999;}
.cate-nav .cates .cate-list{background: #fff;float: left;border-bottom: dashed 1px #cdcdcd;width: 100%}
.cate-nav .cates .cate-list div{padding: 0px;text-align: center;}
.cate-nav .cates .cate-list i{font-size: 30px;color: #9a9a9a;}

.slides{padding: 0px;}
.slides .nav{width: 100%;text-align: center;}
.slides .nav a{margin: 0px 16px;color: #333;text-decoration: none;}
.slides .nav a:hover{color: red;}
.slides .slide-items{margin-top: 10px;}

.recommend-nav{margin-top: 20px;background: #ffffff;}
.recommend-nav ul{float: left;padding: 0px;width: 100%;margin-bottom: 0px;}
.recommend-nav ul li{list-style: none;display: inline;float: left;box-shadow: 3px 2px 30px rgba(0,0,0,.1);padding: 0 22px;transition: all .6s ease-out;width: 16.666%;}
.recommend-nav ul li p{text-align: center;color: #333;}
.recommend-nav .title{font-size: 20px;margin-top: 20px;}
.recommend-nav .desc{color: #666;}
.recommend-nav .go{display: none;}
.recommend-nav img{width: 150px;height: 150px;}
@-webkit-keyframes image-animateion{
	from {width: 0px;height: 0px;}
	to {width: 220px;height: 220px;}
}
@keyframes image-animateion{
	from {width: 0px;height: 0px;}
	to {width: 220px;height: 220px;}
}
@-moz-keyframes image-animateion{
	from {width: 0px;height: 0px;}
	to {width: 220px;height: 220px;}
}
@-o-keyframes image-animateion{
	from {width: 0px;height: 0px;}
	to {width: 220px;height: 220px;}
}
.recommend-nav .active{background: #3288e6;height: 238px;transition: all .6s ease-out;width: 33.22%;}
.recommend-nav .active div{float: left;max-width: 100px;}
.recommend-nav .active .title{color: #ffffff}
.recommend-nav .active .desc{color: #ffffff}
.recommend-nav .active .go{display: block;float: left;color: #ffffff;padding:10px 26px;border: solid 2px #ffffff;border-radius: 30px;margin-top: 20px;}
.recommend-nav .active img{width: 220px;height: 220px;float: right;animation:image-animateion .6s;}

.hot-news{margin-top: 40px;}
.hot-news ul{float: left;padding: 0px;}
.hot-news .hot{padding-left: 0px;padding-right: 0px;}
.hot-news .news{padding-left: 0px;padding-right: 0px;}
.hot-news li{background: #ffffff;text-align: center;padding:5px;border: solid 1px #ddd;list-style: none;display: inline;float: left;margin-right: -1px;margin-top: -1px;}
.hot-news li img{width: 100px;}
.hot-news .desc{width: 150px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;margin: 10px auto;font-size: 12px;}
.hot-news .price{color: red;text-align: center;font-size: 16px;}
.hot-news a{color: #999;}
.hot-news p{font-size: 26px;}

.new-product{margin-top: 20px;}
.new-product p{font-size: 26px;}
.new-product .product-container{padding-right: 10px;padding-left: 0px;}
.new-product .product-container .item{background: #ffffff;padding:10px;float: left;width: 100%;}
.new-product .product-container .item p{font-size: 14px;}
.new-product .product-container .lists{border: solid 1px #f2f2f2;padding: 2px;margin-top: 10px;float: left;width: 100%;}
.new-product .product-container .lists img{height: 135px;float: left;}
.new-product .product-container .lists .detail{float: left;line-height: 62px;margin-left: 10px;}
.new-product .product-container .art-lists{border: solid 1px #f2f2f2;padding: 2px;margin-top: 10px;float: left;width: 100%;}
.new-product .product-container .art-lists img{width: 80px;height: 80px;float: left;}
.new-product .product-container .art-lists .detail p{float: left;margin-left: 10px;width: 225px;overflow: hidden;white-space: nowrap;}
.new-product .product-container .art-lists .detail div{float: left;margin-left: 10px;width: 225px;height: 36px;font-size: 12px;color:#999;line-height: 18px;overflow: hidden;}
.new-product .product-container .art-lists a{color: #333;}

.adv{margin-top: 20px;}
.adv div{padding-left: 0px;}
.adv div img{width: 100%;}